<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>xbox</title>
    <link rel="stylesheet" href="./xbox.css">
    <link rel="stylesheet" href="./common.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2726470_fwgyp4gwwuq.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2726470_r2y8kowh5fe.css">

</head>
<body>  
<div>
    <!-- 导航开始 -->
    <div class="nav">
        <div class="logo">
           <img src="./img/RE1Mu3b.png" height="100%" width="100%" alt="">
        </div>
        <div class="shu">丨</div>
        <div class="twenty">
            <img src="./img/RW4ESm.png" height="100%" width="100%" alt="">
        </div>
        <div class="words">
            <div class="zuo">
                <ul>
                    <li>游戏</li>
                    <li>产品系列</li>
                    <li>社区</li>
                    <li>支持</li>
                    <a href="./Xbox.html"><li>我的Xbox</li></a>
                </ul>
            </div>
            <div class="you">
                <ul>
                    <li class="suoy">所有 Microsoft</li>
                    <li class="sous">搜索</li>
                    <li class="iconfont icon-search-copy"></li>
                    <li class="dengl">登录</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 导航结束 -->
    <!-- 轮播开始 -->
    <div class="lunb">
        
        <div class="title">
            <p class="zhengs">Xbox Series X|S 正式发售</p>
            <p class="mengh">梦幻般的全面提升</p>
            <div class="btn1">立即购买&nbsp;&gt;</div>
        </div>
    </div>
    <!-- 轮播结束 -->
    <!-- 分类开始 -->
    <div class="sort">
        <ul>
           <li class="li1">
              <img src="./img/1.0.png" alt="">
              <div class="sort1">主机</div>
           </li>
           <li class="li2">
               <img src="./img/3.png" alt="">
               <div class="sort2">游戏</div>
           </li>
           <li class="li3">
               <img src="./img/4.png" alt="">
               <div class="sort3">配件</div>
            </li> 
            <li class="li4">
                <img src="./img/5.png" alt="">
                <div class="sort4">Xbox Live</div>
            </li>
            <li class="li5">
                <img src="./img/6.png" alt="">
                <div class="sort5">登录</div>
            </li>
        </ul>
    </div>
    <!--分类结束 -->
    <!-- 海报开始 -->
    <div class="dabeij">
        <div class="part1">
            <div class="haib1" style="background-image: url(./img/7.jpg);  background-size: 100%;">
                <div class="xinh">《猩红节点》<br> 释放心灵的力量</div>
                <div class="liaoj">了解更多&nbsp;&gt;</div>
            </div>
            <div class="haib2">
              <div class="haibaok">
                   <img src="./img/10.jpg" height="100%" alt="">
              </div>
              <div class="heir">《FIFA 21》</div>
                <p>合力致胜</p>
              <div class="hel">了解更多&nbsp;&gt;</div>
            </div>

        </div>
        <div class="part2">
             <div class="haib3">
                <div class="wzbk">
                  <div class="gud">《孤岛惊魂6》</div>
                  <div class="tiant">天堂也有代价，雅拉命运掌握在你手中！</div>
                  <div class="gengd">了解更多&nbsp;&gt;</div>
                </div>
                <div class="yeye"><img src="./img/8.jpg" alt="" height="100%" ></div>
             </div>
             <div class="haib4" style="background-image: url(./img/9.jpg);background-size:100%;">
                <h2>将游戏体验提升至崭新层次</h2>
                <p>Xbox 无线控制器</p>
                <div class="more">了解更多&nbsp;&gt;</div>
             </div>
            </div>
        </div>
    </div>
    <!-- 海报结束 -->
    <!-- 长框开始 -->
    <div class="changk" style="background-image: url(./img/11.jpg); background-size: auto; background-repeat: no-repeat; ">
           <h2>与 Xbox Series X|S<br>一起 进入<br>游戏新世代</h2>
           <div class="anniu5">了解详细信息&nbsp;&gt;</div>
    </div>
    <!-- 长框结束 -->
    <!-- 海报2开始 -->
    <div class="dabeij2">
        <div class="part3">
            <div class="nans5" style="background-image: url(./img/12.jpg); background-size: 100%; background-repeat: no-repeat; " >
                <div class="shiguan">《光环：士官长合集》</div>
                <div class="tongg">通过《光环：致远星》开启PC平台的伟大旅程</div>
                <div class="ghan">了解更多&nbsp;&gt;</div>
            </div>
            <div class="nans6">
                <div class="pengqiuk">
                  <img src="./img/15.jpg" height="100%" alt="">
                </div>
                <div class="pengq">体感碰碰球3</div>
                <p>爆炸时间到了！</p>
                <div class="pqan">了解更多&nbsp;&gt;</div>
            </div>
        </div>
        <div class="part4">
            <div class="mwbk">
                <div class="mwwz">
                    <div class="lol">《漫威复仇者联盟》</div>
                    <div class="power">拥抱力量</div>
                    <div class="mwan">了解更多&nbsp;&gt;</div>
                </div>
                <div class="mwtp"><img src="./img/13.jpg" height="100%" alt=""></div>
            </div>
            <div class="zjbk" style="background-image: url(./img/14.jpg); background-size: 100%;">
                <div class="zjzd">《星球大战™：战机中队》</div>
                <div class="zhaom">招募飞行员</div>
                <div class="zjan">了解更多&nbsp;&gt;</div>
            </div>
        </div>
    </div>
    <!-- 海报2结束 -->
    <!-- 声明开始 -->
    <div class="smk">
        <div class="neirong">
            <p class="pi1"><i>* 以上所提及各项游戏特性和配置要求仍在开发中，发售前或有所改变。实际发售的游戏受限于中国法律所要求的审批。</i> </p>
            <p class="pi2"><i>- 游戏初始下载至主机需要 Xbox Live 及宽带网络。</i> </p>
            <p class="pi3"><i>** 赠品以IMAX通用电子观影券（码）形式发放，需要IMAX PLUS微信小程序自行兑换电影票</i> </p>
            <p class="pi4"><i>- 需特定应用程序进行 4K 视频流传输，请参阅 Xbox.com。某些应用程序需要向内容提供商进行额外订阅和／或有其它要求，请参阅 xbox.com/live。</i> </p>
            <p class="pi5"><i>- HDR 高动态范围功能仅限支持的游戏与电视可使用。</i> </p>
        </div>
    </div>
    <!-- 声明结束 -->
    <!-- endnav开始 -->
    <div class="endnav">
        <div class="navn">
            <div class ="navn1">
                <div class="liulan">浏览</div>
                <div class="xbyx">Xbox 游戏</div>
                <div class="xbpj">Xbox 配件</div>
            </div>
            <div class="navn2">
                <div class="zyk">资源</div>
                <div class="xbzc">Xbox 支持</div>
                <div class="fkk">反馈</div>
                <div class="sqbz">社区标准</div>
                <div class="gmxf">光敏性发作警告</div>
            </div>
            <div class="navn3">
                <div class="micr">Microsoft Store</div>
                <div class="zhangh">Microsoft 帐户</div>
                <div class="storez">Microsoft Store 支持</div>
                <div class="return">返回</div>
                <div class="dingd">订单跟踪</div>
            </div>
            <div class="navn4">
                <div class="kaifaz">面向开发者</div>
                <div class="xid">ID@Xbox</div>
                <div class="widows10">Windows 10</div>
                <div class="cyz">创意者计划</div>
            </div>
        </div>
    </div>
    <!-- endnav结束 -->
    <!-- down开始 -->
    <div class="theend">
        <div class="diqiu">
            <div class="diqiu1">
              <a href="#" class="login iconfont icon-diqiu"></a>
              <a href="#">中文（中国）</a>
            </div>
            <div class="jingb">
              <a href="#" class="">与 Microsoft 联系</a>
              <a href="#"> 隐私 </a>
              <a href="#"> 使用条款 </a>
              <a href="#">商标</a>
              <a href="#"> 第三方通知 </a>
              <a href="#"> 关于我们的广告 </a>
              <a href="#">京ICP备09042378号-6</a>
              <a href="#"> 京公网安备 11010802023178 </a>
              <a href="#"> © Microsoft 2021</a>
            </div>
        </div>
    </div>
    <!-- down结束 -->
</div>
    
    
</body>
</html>